2024-10-22
프로젝트 사장님 비서ya는 2023 패스트캠퍼스X야놀자 부트캠프에서 진행한 백오피스 서비스입니다. 온라인 숙박 예약 플랫폼의 숙박업체 사장님들이 이용할 수 있는 가상의 숙소 및 쿠폰 관리 백오피스입니다.
대시보드 페이지 개발
2024.01.01 - 2024.01.29
안녕하세요 프로젝트 사장님 비서ya는 숙박업소 사장님들을 위한 숙소 및 쿠폰 관리 서비스입니다. 프론트엔드, 백엔드, PM, 디자인 팀과의 협업으로 진행됐습니다. 현재 서버가 닫혀 직접 프로젝트를 사용해볼 수는 없는 상태이기에, 시연영상을 통해 서비스를 확인할 수 있습니다.
프로젝트에서 집중한 부분은 사장님들의 쿠폰 관리를 위해 얼마나 유의미한 지표들을 제공할 것인가 입니다. 그리고 해당 지표들을 클라이언트에게 쾌적한 경험으로 전달하는 것이 중요했습니다. 따라서 프론트엔드팀은 이를 보장하면서도 효율적으로 개발팀이 협력할 수 있는 방법을 모색했습니다. 그리고 저희팀은 카카오의 기술블로그에서 소개된 Concurrent UI Pattern을 코드 스타일에 도입하기로 했습니다. 해당 패턴은 Suspense와 Error-Boundary를 사용하여 UI를 관리할 수 있는 패턴입니다. 이를 통해 UI의 로딩과 Error 전파 범위를 효율적으로 관리할 수 있으며, 결과적으로 UX의 완성도를 높일 수 있었습니다.
제가 중점적으로 맡은 기능은 대시보드 페이지입니다. 사장님들의 쿠폰과 매장관리에 도움을 주는 다양한 지표들을 클라이언트에게 전달했습니다. Concurrent UI Pattern을 사용하여 각 지표들의 UI를 관리했습니다. Skeleton UI를 적용하여 로딩을 관리하였고, 각 지표 UI의 Error boundary를 설정했습니다. 따라서 하나의 에러 발생이 서비스 전체 사용경험에 미치는 영향을 최소화할 수 있었습니다. 사용자 경험과 개발 경험에 대해 깊은 고민을 하게 된 프로젝트입니다. 프론트엔드 개발자의 큰 책임 중 하나는 서비스에 대한 사용자의 경험을 보장하는 것이라 생각하게 됐습니다. 어떻게 하면 다양한 디바이스와 네트워크 환경을 고려하면서도 사용자에게 쾌적한 서비스 사용 경험을 전달할 수 있을까 생각하게 된 프로젝트입니다.